.bgEvent {
    /* The image used */
    background-image: url('../Images/EventsCalBkgrd.jpg');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}


    .bgAcademic {
        /* The image used */
        background-image: url('../Images/AcademicCalBkgrd.jpg');
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .EACalTitle {
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        padding: 15px 15px 45px 15px;
        letter-spacing: 0.2em;
		
    }
	
	
	

    a.EACalTitleSelected {
        color: #f9af4c;
        text-decoration: none;
		display:inline;
    }
	
	 a.EACalTitleSelected:hover, a.EACalTitleSelected:visited, a.EACalTitleSelected:active, a.EACalTitleSelected:link, a.EACalTitleSelected:focus {
        color: #f9af4c;
        text-decoration: none;
		display:inline;
    }

    a.EACalTitleNotSelected {
        color: #ffffff;
        text-decoration: none;
		display:inline;
    }
	
	  a.EACalNotTitleSelected:hover, a.EACalNotTitleSelected:visited, a.EACalNotTitleSelected:active, a.EACalNotTitleSelected:link, a.EACalNotTitleSelected:focus {
        color: #ffffff;
        text-decoration: none;
		display:inline;
    }


    .CalItemDetail {
        color: #ffffff;
        text-decoration: none;
        padding: 5px;
    }


        .CalItemDetail:hover {
            background-color: #f9af4c;
        }

            .CalItemDetail:hover::after {
                font-size: 40px;
                font-family: 'Lato', sans-serif;
                text-align: center;
                vertical-align: middle;
                font-weight: 400;
                /*content: '›';*/
            }


	.aCalItemDetail {
        color: #ffffff;
        text-decoration: none;
        padding: 5px;
    }


        .aCalItemDetail:hover {
            color: #ffffff;
			background-color: #f9af4c;
        }

            .aCalItemDetail:hover::after {
                color: #ffffff;
				font-size: 40px;
                font-family: 'Lato', sans-serif;
                text-align: center;
                vertical-align: middle;
                font-weight: 400;
                content: '›';
            }



    .CalMonth {
        color: #ffffff;
        font-size: 24px;
        font-family: 'Lato', sans-serif;
        text-align: center;
        text-transform: uppercase;
        border-top: 3px solid #ffffff;
        padding: 0 0 0 0;
    }

    .CalDay {
        font-size: 40px;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        line-height: 24px;
        padding: 0 0 0 0;
    }

    .CalItemTitle {
        font-size: 18px;
        font-family: ‘Roboto’, sans-serif;
        font-weight: bold;
        color: #ffffff;
        padding: 0 0 5px 0;
    }

    .CalItemDesc {
        font-size: 16px;
        font-family: ‘Roboto’, sans-serif;
        color: #ffffff;
        padding: 0px 0px 5px 0px;
    }

    .btnView {
        color: #ffffff;
        font-size: 14px;
        font-family: ‘Roboto’, sans-serif;
        text-transform: uppercase;
        font-weight: 300;
        border: 1px solid #ffffff;
        padding: 8px 8px 8px 8px;
        vertical-align: baseline;
        text-align: center;
		top: 35px;
    }
	.btnAllnews {
        color: #272727;
        font-size: 14px;
        font-family: ‘Roboto’, sans-serif;
        text-transform: uppercase;
        border: 1px solid #bebebe;
        padding: 8px 8px 8px 8px;
        text-align: center;
        margin-top:50px;
        width:120px;
        margin-left:0px;
    }


@media all and (max-width:768px) {

    
    .EACalTitle {
        font-size: 11px;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        padding: 15px 15px 45px 15px;
        letter-spacing: 0.2em;
    }
	
	
	

    a.EACalTitleSelected {
        color: #f9af4c;
        text-decoration: none;
    }
	
	 a.EACalTitleSelected:hover, a.EACalTitleSelected:visited, a.EACalTitleSelected:active, a.EACalTitleSelected:link, a.EACalTitleSelected:focus {
        color: #f9af4c;
        text-decoration: none;
    }

    a.EACalTitleNotSelected {
        color: #ffffff;
        text-decoration: none;
    }
	
	  a.EACalNotTitleSelected:hover, a.EACalNotTitleSelected:visited, a.EACalNotTitleSelected:active, a.EACalNotTitleSelected:link, a.EACalNotTitleSelected:focus {
        color: #ffffff;
        text-decoration: none;
    }






    .CalItemDetail {
        color: #ffffff;
        text-decoration: none;
        padding: 5px;
    }


        .CalItemDetail:hover {
            background-color: #f9af4c;
        }

            .CalItemDetail:hover::after {
                font-size: 40px;
                font-family: 'Lato', sans-serif;
                text-align: center;
                vertical-align: middle;
                font-weight: 400;
                content: '›';
            }

    .CalMonth {
        font-size: 20px;
        font-family: 'Lato', sans-serif;
        text-align: center;
        text-transform: uppercase;
        border-top: 3px solid #ffffff;
        padding: 0 0 0 0;
    }

    .CalDay {
        font-size: 40px;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        line-height: 24px;
        padding: 0 0 0 0;
    }

    .CalItemTitle {
        font-size: 14px;
        font-family: ‘Roboto’, sans-serif;
        font-weight: bold;
        color: #ffffff;
        padding: 0 0 5px 0;
    }

    .CalItemDesc {
        font-size: 13px;
        font-family: ‘Roboto’, sans-serif;
        color: #ffffff;
        padding: 0px 0px 5px 0px;
    }

    .btnView {
        color: #ffffff;
        font-size: 14px;
        font-family: ‘Roboto’, sans-serif;
        text-transform: uppercase;
        font-weight: 300;
        border: 1px solid #ffffff;
        padding: 8px 0px 8px 0px;
        vertical-align: baseline;
        text-align: center;
		top: 35px;
    }
	
	
	}